<template>
	<div id="NewcomerCourse">
		<x-header :left-options="{showBack: false}" title="用户操作指南" class="header">
			<a slot="left" @click="back()"><i class="tp-icon icon-black-back"></i></a>
		</x-header>
		<tab :line-width=2 active-color='#a30000' v-model="index" custom-bar-width="160px">
			<tab-item class="vux-center" :selected="demo === item" v-for="(item, index) in list"  :key="index">{{item}}</tab-item>
		</tab>
		<div>
			<div class="tab-swiper vux-center" v-if="index == 0">
				<div class="contentWrap">
					<h2>一、如何注册</h2>
					<div>根据微信服务号 “好文玩”授权进入拍卖平台后，则自动注册。</div>
					<h2>二、如何搜索宝贝</h2>
					<div>进入首页，在左上角可以找到搜索框，通过搜索框搜索想要的宝贝，即可出现拍品的信息列表</div>
					<h2>三、如何竞拍</h2>
					<div>
						a.找到想要竞买的拍品，根据商家设定的出价规则及您对拍品的心理预期，点击出价。（需先支付保证金）<br /> b.在商家设定的竞拍时间内，如果没有出价更高的人，即可获得该拍品；如果有出价更高的，则出局，出局者可再次参与竞拍。
					</div>
					<h2>四、如何付款</h2>
					<div>竞拍成功后，可在“我的”-“待付款”里或拍卖详情页进行付款</div>
					<h2>五、保证金问题</h2>
					<div>
						a.保证金为店家自主设定，缴纳后方可进入拍场参与竞拍 <br /> b.竞拍结束后，对于出局者，平台立即解冻保证金，资金原路退回
						<br /> c.竞拍成功者，在拍品付款后，平台即刻解冻保证金，资金原路退回。若竞拍成功者未在72小时内付款，保证金扣除，不予退还
					</div>
					<h2>六、售后与鉴定</h2>
					<div>买家获得拍品后，可在“我的”-“鉴宝服务”里申请线下鉴宝时间和地点，如出现拍品与描述不符等虚假现象，可点击售后或在微信服务号“好文玩”上联系客服，进行维权。</div>
				</div>
			</div>
			<div class="tab-swiper vux-center" v-if="index == 1">
				<div class="contentWrap">
					<h2>一、如何注册</h2>
					<div>根据微信服务号 “好文玩”授权进入拍卖平台后，则自动注册。</div>
					<h2>二、如何认证</h2>
					<div>
						商家若要发布拍品，必须进行实名认证。进入首页，点击“我的”-“卖家中心”进行实名认证，可根据公司及个人需要选择合适的实名认证方法，根据要求填写完整信息。
					</div>
					<h2>三、如何开店</h2>
					<div>
						认证通过后即可获得发布拍品的资格。<br /> 点击首页右下方的“+”即可发布拍品。商家可设定开拍时间，结拍时间，起拍价，加价幅度，保证金等基本信息。
						<br /> 如要开展秒杀活动，可在“我的”-“秒杀申请”里进行申请。
					</div>
					<h2>四、如何发货</h2>
					<div>
						竞拍结束后，卖家点击“我的送拍”即可查到买家报价，在买家付款后，卖家点击“我的送拍”进行发货并注意填写物流信息。买家确认收货后，一个交易完成。
					</div>
					<h2>五、售后或评价</h2>
					<div>卖家若与买家出现纠纷或对平台有意见，可点击售后或在微信服务号“好文玩”上联系客服，进行维权。</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import { XHeader, Tab, TabItem, Swiper, SwiperItem, Sticky } from 'vux'
	export default {
		data() {
			return {
				list: ['用户指南', '商户指南'],
				demo: '用户指南',
				index: 0
			}
		},
		components: {
			XHeader,
			Tab,
			TabItem,
			Swiper,
			SwiperItem,
			Sticky
		},
		methods: {
			
			back: function() {
				window.history.go(-1);
			}
		}
	}
</script>

<style scoped>
	#NewcomerCourse {
		background: #fff;
	}
	
	.header {
		background: #fff;
		position: relative;
	}
	
	.contentWrap {
		padding: 0.26rem;
	}
	
	.contentWrap h2 {
		line-height: 1.06rem;
		height: 1.06rem;
		color: #333;
		font-size: 0.4rem;
		font-weight: 600;
	}
	
	.contentWrap>div {
		font-size: 0.37rem;
		line-height: 0.53rem;
	}
</style>